Added button link to wiki

Author: Chengxuan-Li

src/pages/index.astro

@@ -297,6 +297,18 @@
       flex-wrap: wrap;
     }
 
+    .hero .cta-buttons {
+      width: 100%;
+      max-width: 640px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    .hero .cta-buttons .btn {
+      flex: 1 1 0;
+      min-width: 0;
+    }
+
     .btn {
       display: inline-block;
       padding: var(--spacing-md) var(--spacing-xl);
@@ -328,14 +340,17 @@
     }
 
     .btn-secondary {
-      background: var(--secondary-color)t;
-      color: var(--primary-color);
-      border: 2px solid var(--primary-color);
+      background: linear-gradient(135deg, var(--accent-color) 0%, #061018 100%);
+      color: white;
+      border: none;
+      box-shadow: 0 0 20px rgba(18, 93, 174, 0.35);
     }
 
     .btn-secondary:hover {
-      background: var(--primary-color);
+      background: linear-gradient(135deg, #2a7fd4 0%, #0c1e2e 100%);
       color: white;
+      transform: translateY(-1px);
+      box-shadow: 0 0 36px rgba(18, 93, 174, 0.5);
     }
 
     .btn:focus {
@@ -1193,6 +1208,7 @@
 
         <div class="cta-buttons">
           <a href="#features" class="btn btn-primary">Explore Features</a>
+          <a href="https://chengxuan-li.github.io/EnergyAtlasWiki/" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">Explore EnergyAtlasWiki</a>
           <!-- <a href="#use-cases" class="btn btn-secondary">Explore Use Cases</a> -->
         </div>
       </div>