feat: Align hero buttons and apply consistent dark styling

- Change GitHub and Resume buttons from btn-secondary/btn-outline to btn-dark
- Create new btn-dark style with dark gray background (rgba(31, 41, 55, 0.95))
- Apply consistent styling to GitHub Projects and Download Resume buttons
- Keep Get In Touch button with primary gradient (btn-primary)
- All three buttons now properly aligned in hero section
- Add hover effects with border glow and shadow for dark buttons

Author: danribes

css/style.css

@@ -538,6 +538,21 @@ ul {
     box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
 }
 
+.btn-dark {
+    background: rgba(31, 41, 55, 0.95);
+    color: white;
+    border: 2px solid rgba(255, 255, 255, 0.1);
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
+}
+
+.btn-dark:hover {
+    background: rgba(31, 41, 55, 1);
+    border-color: rgba(102, 126, 234, 0.5);
+    transform: translateY(-3px);
+    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
+    color: white;
+}
+
 .btn-large {
     padding: 1.25rem 3rem;
     font-size: 1.125rem;

index.html

@@ -68,8 +68,8 @@ <h2 class="hero-subtitle">Senior Health Economist</h2>
                     </div>
                     <div class="hero-buttons">
                         <a href="#contact" class="btn btn-primary">Get In Touch</a>
-                        <a href="https://github.com/danribes/" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">🔗 GitHub Projects</a>
-                        <a href="https://drive.google.com/file/d/1_syLG7xnnlKG63AipAUNYFiR4CaOWueQ/view?usp=drive_link" class="btn btn-outline" target="_blank" rel="noopener noreferrer">Download Resume</a>
+                        <a href="https://github.com/danribes/" class="btn btn-dark" target="_blank" rel="noopener noreferrer">🔗 GitHub Projects</a>
+                        <a href="https://drive.google.com/file/d/1_syLG7xnnlKG63AipAUNYFiR4CaOWueQ/view?usp=drive_link" class="btn btn-dark" target="_blank" rel="noopener noreferrer">Download Resume</a>
                     </div>
                 </div>
                 <div class="hero-image">